<template>
    <!-- 首页及联系我们 -->
    <template v-if="$route.path=='/' || $route.path=='/about'">
        <home-header />
        <router-view />
    </template>
    <!-- 登录 -->
    <template v-else-if="$route.path=='/login'">
        <router-view />
    </template>
    <!-- 控制台 -->
    <template v-else>
        <home-header />
        <div class="main-wrapper">
            <router-view />
        </div>
    </template>
</template>
<script>
import homeHeader from '@/components/homeHeader.vue'
export default {
    components: { homeHeader }
}
</script>
<style lang="scss">
body {
    min-height: 100vh;
}
#app {
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main-wrapper {
    height: calc(100vh - 60px);
    background: #f4f5f7;
    box-sizing: border-box;
    border-top: 1px solid #f4f5f7;
    &>div{
        padding: 20px;
    }
}
</style>
